$(function () {
  //模拟从数据库中查出来的数据
  let text = "森林火灾是森林最危险的敌人，也是林业最可怕的灾害，它会给森林带来最有害，最具有毁灭性的后果。" +
      "森林火灾不但烧毁成片的森林，伤害林内的动物，而且还降低森林的繁殖能力，引起土壤的贫瘠并破坏森林涵养水源，甚至会导致生态环境失去平衡。";

  let text1 = "森林护我家，防火靠大家。"
  let text2 = "梅兰松竹，株株棵棵皆为友，倍加爱护；";
  let text3 = "防森林火灾，保绿色家园，筑生态屏障。";
  let text4 = "烤火令你暂时一热，火灾让人永久心寒。";
  let text5 = "让心灵的火花绽放，让森林的火花熄灭！";
  let text6 = "星星之火，可以燎原；森林防火，重在堵源。";
  let text7 = "无论春夏秋冬，防火在我心中。";
  let text8 = "全民总动员，防火保安全。";
  let text9 = "森林防火常年抓，保护森林靠大家。";
  let text10 = "小小蝼蚁可以蛀毁巍巍长堤，星星之火能够烧掉莽莽林海。";


  //点击编辑按钮
  $('#edit').click(function () {
    $('#parent').hide();
    $('#child').show();

    //获取表单数据
    let val = $('input[name="radio"]:checked').val();

    $('#modelName').val(val);

    if(val === '轮播图'){
      $('.model').hide();
      $('#file2').show();
      $('#file3').show();
      $('#file4').show();
    }else if(val === '林火小课堂'){
      $('#fileUpload').hide();
      $('.model').hide();
      //将内容回显在文本域内
      $('#describe').html(text);
    }else if(val === '宣传标语'){
      $('#fileUpload').hide();
      $('.remarks').hide();
      //在输入框中回显每条宣传标语
      let textArr = new Array();
      textArr.push(text1);
      textArr.push(text2);
      textArr.push(text3);
      textArr.push(text4);
      textArr.push(text5);
      textArr.push(text6);
      textArr.push(text7);
      textArr.push(text8);
      textArr.push(text9);
      textArr.push(text10);
      //模拟点击textArr.length-1次添加框
      for (let i=0;i<textArr.length-1;i++){
        $('#add').trigger('click');
      }

      //将每条宣传标语对应填入回显到输入框中
      for(let i=0;i<textArr.length;i++){
        $('.slogan_input').eq(i).val(textArr[i]);
      }
    }else{
      $('.model').hide();
    }
  });


  //在publicityManagement_1页面点击取消回到publicityManagement页面
  $('#cancel').click(function () {
    window.location.href = "publicityManagement.html";
  });


  showClassroomText();
  //设置林火小课堂文本超过15个字添加省略号
  function showClassroomText() {
    let newText = text.substring(0,19)+"...";
    $("#classroom").html(newText);
  }



  showP_sloganText()
  function showP_sloganText() {
    let text = text1+text2+text3+text4+text5+text6+text7+text8+text9+text10;
    let newText = text.substring(0,19)+"...";
    $("#p_slogan").html(newText);

  }


  //点击添加按钮后添加宣传标语条数(最多10条)
  $('#add').click(function () {
    if($('#tbl').find('tr').length<12){
      let trHtml = '<tr>\n' +
          '      <th></th>\n' +
          '      <td>\n' +
          '      <div class="txtbox floatL">\n' +
          '          <input  name="" class="slogan_input" type="text" size="50">\n' +
          '          </div>\n' +
          '      </td>\n' +
          '    </tr>';
      //获取tableDOM对象，使用append方法添加行
      $('#tbl').append(trHtml);
    }
  });


  //点击删除按钮后删除宣传标语条数(最少1条)
  $('#delete').click(function () {
    //行数大于3时可删除
    if($('#tbl').find('tr').length > 3){
      $('#tbl tr:last').remove();
    }
  });


});